<html>

<head>

</head>

<body>

  <img src="./image/FENG.png" width="60" height="60">
  <img src="./image/FENG.png" width="60" height="60">
  <img src="./image/FENG.png" width="60" height="60">
  <img src="./image/FENG.png" width="60" height="60">
  <img src="./image/FENG.png" width="60" height="60">
  <img src="./image/FENG.png" width="60" height="60">
  <img src="./image/FENG.png" width="60" height="60">
  <img src="./image/FENG.png" width="60" height="60">
  <img src="./image/FENG.png" width="60" height="60">
  <img src="./image/FENG.png" width="60" height="60">
  <img src="./image/FENG.png" width="60" height="60">
  <img src="./image/FENG.png" width="60" height="60">

</body>

<script type="text/javascript">
  i = 0;
  DI = document.images;
  DIL = DI.length;
  var width = document.body.scrollWidth;
  var height = document.body.scrollHeight;

  function A() {
    for (var index = 0; index < DIL; index++) {
      DIS = DI[index].style;
      console.log(DIS);
      DIS.position = 'absolute';
      // 速度 
      var speed = 0.005;
      var interV = 2 * Math.PI / speed / DIL;
      DIS.left = Math.sin(i * speed + index * interV * speed) * (width / 3) + width / 2;
      DIS.top = Math.cos(i * speed + index * interV * speed) * (height / 3) + height / 2;
      console.log(DIS);
    }

    i++;
  }

  setInterval('A()', 10);  //set moving speed for eyes
</script>

</html>